<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="ztree/js/jquery-1.4.4.min.js"></script>
    <script src="js/jquery.ztree.extend.js"></script>

    <script src="js/demo.js"></script>
</head>
<body>

    <div id="demoTree"></div>
    <input id="btnTest" type="button" value="方法测试"/>

    <br/><br/>

    <div style="margin-left: 50px;position: relative;">
        <input id="selectValue" style="height: 30px;line-height: 30px;width: 200px;"/>
        <select id="select1" style="margin: 0px;height: 30px;line-height: 30px;width: 250px;outline: none;"></select>
        <ul id="demoTree1" style="position: absolute;left:208px;top:20px;width: 238px;height: 200px;display: none;z-index: 999;"></ul>
    </div>

    <br />
    <h1 style="text-align: left;margin-left: 30px;">推荐</h1>
    <div style="margin-left: 50px;position: relative;display: inline-block;height: 30px;line-height:30px;width: 250px;">
        <input id="selectValue2" type="hidden"/>
        <input id="selectText" style="height: 30px;line-height:30px;width: 250px;border: 1px solid #ccc;outline: none;padding: 0 10px;" readonly/>
        <image src="images/down.png" style="position: absolute;right: -14px;top:12px;width: 15px;height: 10px;"/>
        <ul id="demoTree2" style="position: absolute;top:22px;width: 262px;height: 200px;border: none;display: none;"></ul>
    </div>
</body>
</html>